import React, { Component } from 'react'

// 使用props校验的步骤:
// 1. 引入PropTypes 无需下载,直接引入即可(因为脚手架工具帮我们下载好了)
import PropTypes from 'prop-types'

// 2. 给需要进行Pro校验的组件,添加静态属性propTypes

// List.propTypes = {}

export default class List extends Component {
  // 添加propTypes属性,配置校验规则
  static propTypes = {
    xxx: PropTypes.array.isRequired,
  }

  // 添加props默认值
  static defaultProps = {
    xxx: [
      '大傻子',
      '你用List',
      '你就要传递一个xxx属性',
      'xxx的值应该是一个数组',
    ],
  }
  render() {
    return (
      <div>
        <ul>
          {this.props.xxx.map((item, index) => {
            return <li key={index}>{item}</li>
          })}
        </ul>
      </div>
    )
  }
}
